body {
  width: 120rem;
}
header {
  width: 100%;
  height: 60.25rem;
  background: url(../images/banner_bg.png ) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
header nav {
  width: 62.5%;
  height: 2.5rem;
  margin: 4.6875rem auto auto;
}
header nav img {
  float: left;
}
header nav ul {
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
  text-align: center;
}
header nav ul li {
  width: 7.5625rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
header nav ul li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1rem;
}
header nav ul li:last-child {
  background-color: #ffffff;
  border-radius: 1.1875rem;
}
header nav ul li:last-child a {
  color: #63cffe;
}
header nav ul li:hover {
  background-color: #ffffff;
  border-radius: 1.1875rem;
}
header nav ul li:hover a {
  color: #63cffe;
}
header .banner {
  width: 62.5%;
  margin: 7rem auto auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
header .banner img {
  margin: 0px 6rem 0rem 6.1875rem;
}
header .banner span {
  color: #ffffff;
  margin-right: 1.625rem;
}
header .banner span h2 {
  font-size: 2.0625rem;
  line-height: 4.125rem;
}
header .banner span p {
  font-size: 1rem;
  line-height: 2.625rem;
}
header .banner span input {
  width: 13.75rem;
  height: 4.125rem;
  font-size: 1rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  border: 0.125rem solid #ffffff;
  border-radius: 2rem;
  margin-top: 2.625rem;
  margin-right: 1.6875rem;
  cursor: pointer;
}
header .banner span input:hover {
  background-color: #ffffff;
  color: #6175f0;
}
.internet {
  width: 100%;
  text-align: center;
  color: #595959;
  padding-bottom: 9.125rem;
}
.internet p {
  font-size: 0.875rem;
}
.internet ul {
  width: 62.5%;
  margin: 5.1875rem auto auto;
  display: flex;
  justify-content: space-around;
}
.internet ul li h3 {
  font-size: 1.25rem;
  margin-top: 1.875rem;
}
.more {
  width: 100%;
  background-color: #f9f9f9;
  padding: 5.9375rem 0rem;
}
.more div {
  width: 62.5%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.more div span {
  margin-left: 5.875rem;
}
.more div span h2 {
  font-size: 1.75rem;
}
.more div span h2 + p {
  margin: 2rem auto 1.5625rem;
}
.more div span p {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.more div span input {
  width: 8.375rem;
  height: 2.625rem;
  background-color: #6176f0;
  font-size: 1.125rem;
  border: none;
  line-height: 2.625rem;
  color: #ffffff;
  margin-top: 23px;
  cursor: pointer;
}
.more div img {
  margin: auto 1.125rem auto 8.6875rem;
}
.information {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 11.75rem 0rem 0.75rem;
}
.information ul {
  width: 62.5%;
  height: auto;
  margin: 4.375rem auto auto;
  display: flex;
  justify-content: space-around;
}
.information ul li {
  width: 20.0625rem;
  height: auto;
  text-align: left;
}
.information ul li h2 {
  font-size: 1.875rem;
  color: #ababab;
}
.information ul li h3 {
  font-size: 1rem;
  color: #333333;
  margin: 1.6875rem auto;
}
.information ul li hr {
  width: 5rem;
  height: 0.0625rem;
  background-color: #333333;
  border: none;
  margin: 0px;
}
.information ul li p {
  font-size: 0.875rem;
  color: #ababab;
  line-height: 1.5625rem;
  margin: 0.75rem auto 1rem 0rem;
}
.information ul li a {
  display: block;
  text-decoration: none;
  color: #dcdcdc;
  border: 0.0625rem solid #dcdcdc;
  font-size: 18px;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.information ul li a:hover {
  color: #fff;
  background-color: #6176f0;
}
.era {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 11.75rem 0rem 6.4375rem;
}
.era ul {
  width: 62.5%;
  height: auto;
  margin: 5.125rem auto 0px;
  display: flex;
  justify-content: space-between;
}
.era ul li {
  width: 22.875rem;
  height: 30.0625rem;
  overflow: hidden;
  box-shadow: 0rem 0.625rem 0.625rem rgba(246, 246, 246, 0.5), 0.625rem 0rem 0.625rem #f6f6f6, 0rem -0.625rem 0.625rem #f6f6f6, -0.625rem 0rem 0.625rem #f6f6f6;
}
.era ul li div {
  width: 20.3125rem;
  height: 19.625rem;
  margin: 1.125rem auto 0.875rem;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.era ul li p {
  width: 20.3125rem;
  font-size: 1rem;
  margin: 0px auto;
  color: #444444;
  line-height: 1.875rem;
  text-align: left;
}
footer {
  width: 100%;
  height: 58.5625rem;
  background: url(../images/footer_bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  /* padding-top: 19.8125rem; */
  color: #fff;
}
footer > div {
  width: 70%;
  margin: 19.8125rem auto auto;
  display: flex;
  justify-content: space-between;
}
footer > div .left {
  width: 22.25rem;
}
footer > div .left h2 {
  font-size: 1.875rem;
  margin-bottom: 2.8125rem;
  letter-spacing: 0.625rem;
}
footer > div .left p {
  font-size: 0.75rem;
  letter-spacing: 0.4375rem;
  word-wrap: break-word;
  line-height: 1.6875rem;
  margin-bottom: 3.75rem;
}
footer > div .right {
  width: 51.875rem;
  display: flex;
  justify-content: space-between;
}
footer > div .right li h3 {
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
  letter-spacing: 0.625rem;
  line-height: 2.5rem;
}
footer > div .right li p a {
  font-size: 0.75rem;
  text-decoration: none;
  letter-spacing: 0.4375rem;
  line-height: 3.4375rem;
  color: #fff;
}
footer hr {
  width: 87.5rem;
  height: 1px;
  border: none;
  background-color: #fff;
  margin: 5rem auto 4.0625rem;
}
footer > p {
  font-size: 0.75rem;
  letter-spacing: 0.4375rem;
  text-align: center;
}
